<template>
	<view :style="{'--color': color}"> 
		<status-bar title="支付成功"></status-bar>
	
		<view class="content flexac ">
			<view class="rows d-flex f-column a-center">
				<image :src="$pop.staticImg('plays.png')" class="palysImg"></image>
				<text class="black size38 bold m-top30">支付成功</text>
				<text class="color_33 size28 m-top20">实付{{money}}</text>
				<view class="row j-sa a-center m-top60 ">
					  <view class="btns flexac bgf4 size26 color_38" @click="$rectTo(`/moneyPage/capital/myMoney`)">查看余额</view>
					  <view class="btns flexac config size26 white" @click="backHome()">返回首页</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	export default {
		data() {
			return {
				money:'',
			}
		},
		onLoad(opt) {
			if(opt.money) this.money = opt.money;
		},
		methods: {
			
		},
		computed:{
			...mapState(['color'])
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width:100%;
		height: 536rpx;
		background: #FFFFFF;
	}
	.palysImg{
		width:114rpx;
		height: 114rpx;
	}
	.btns{
		width: 258rpx;
		height: 76rpx;
		border-radius: 38rpx;
	}
	.config{
		background-color: var(--color);
		// background: linear-gradient(90deg, #67A4FF 0%, #287AF5 100%);
	}
</style>
